/*Huy Ly Added: 06-10-2010*/
.row_active
{
	background: #FFFFCC;
}
span.error
{
	display: inline-block;
	color: red;
	font-style: italic;
	background: url('/Content/Images/Icons/unchecked.gif') no-repeat;
	height: 15px;
	width: 15px;	
	text-indent: 16px;
	margin-left: 2px;
	overflow: hidden;
	vertical-align:middle;	
	cursor: help;
}
span.success
{
	color: green;
	font-style: italic;
	background: url('/Content/Images/Icons/checked.gif') no-repeat;	
	height: 15px;
	width: 18px;	
	text-indent: 18px;
	margin-left: 2px;
	overflow: hidden;
	vertical-align:middle;
	cursor: default;
	
}

div.validation-summary-errors
{
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
}
#tooltip
{
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #e1f3ff;
	padding: 5px;
	opacity: 0.9;
	font-weight: bold;
}
#tooltip h3, #tooltip div
{
	margin: 0;
}

.tooltip
{
	border:none 1px #666;
	padding:1px;
	width:100%;
	border-collapse:collapse;
}
.tooltip tbody
{
	border:solid 1px #444;
}
.tooltip th
{
	background:blue url(../Images/Portal/ghead.gif) repeat-x center center;
	border:solid 1px #ccc;
	padding: 4px 5px;
	color: #000000;
	font-weight:bold;
	text-decoration: none;	
}
.tooltip td {
	padding: 4px 5px;
	border:solid 1px #CCC;
}


/*--------------------------------*/

/*Huy Ly Added for Autocompleted 06/23/2010*/
.ac_results
{
	padding: 0px;
	border: 1px solid #7f9db9;
	background: #fff;
	overflow: hidden;
	z-index: 99999;
	margin-top: -1px;
}

.ac_results ul
{
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li
{
	margin: 0px;
	padding: 2px 10px;
	display: block;
	line-height: 16px;
	overflow: hidden;
	border-bottom: 1px solid #cbe2f2;
}

.ac_loading
{
	background: white url('../Images/Icons/loading_16.gif') right center no-repeat;
}

.ac_odd
{
	background-color: #f2f2f2;
}

.ac_over
{
	background-color: #d6edb2;
	color: #000;
}
.ac_over strong
{
}
/*End Autocompleted--------------------------------*/
/*--------------------------------*/

/*Phi Hung Added for JR Detail 06/28/2010*/
.tb_profile
{
	border: none 1px #ddd;
	border-collapse: collapse;
}
.tb_profile td
{
	padding: 3px;
	width: 160px;
	border: 1px solid #fff;
}

.tb_profile .title
{
	width: 160px;
	font-weight: bold;
}

.tb_profile .remark
{
	color: #FF0000;
}

.tb_profile label
{
	white-space: nowrap;
}

.tb_comment
{
	/*border-collapse:separate;*/
}
.tb_comment td
{
	padding: 5px 10px; /*border-top:1px dashed #ddd;*/
	border-left: 5px solid #ccc;
	border-bottom: 5px solid #ffffff;
	border-top: 5px solid #ffffff;
}

.tb_comment .even
{
	background-color: #eeeeee;
}



/*End JR Detail--------------------------------*/
/*--------------------------------*/

/*Huy Ly Added 01/07/2010*/
ul.ctabs
{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 25px; /*--Set height of tabs--*/
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}
ul.ctabs li
{
	float: left;
	margin: 0;
	padding: 0;
	height: 24px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 24px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e2e2e2;
}
ul.ctabs li a
{
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}

ul.ctabs li a:hover
{
	background: #ccc;
}
html ul.ctabs li.active, html ul.ctabs li.active a:hover
{
	/*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.ctcontainer
{
	border: 1px solid #ccc;
	border-top: none;
	overflow: hidden;
	background: #fff;
}

.ctcontent
{
	margin: 10px;
}
.image_align {
    border:1px solid #999999;
    padding:3px;
    width:120px;
    /*height:120px;*/
}
.log_detail {
    background:url("../Images/ExtraIcons/calendar_day.png") no-repeat scroll left center transparent;
    color:Gray;
    font-size:14px;
    font-weight:bold;
    height:20px !important;
    padding-left:20px;
    text-align:left;
    vertical-align:middle;
}

.color_gray {
    color:#888;    
    vertical-align:middle;
}

.color_gray_bold {
    color:#444;   
    font-weight:bold; 
    vertical-align:middle;
}
.color_green_bold {
    color:#49992f;   
    font-weight:bold; 
    vertical-align:middle;
}

/* Button clear */
.button_clear { white-space:nowrap; padding:3px 10px; color:#000; font-weight:bold; background-color:#fff; background-repeat:no-repeat; background-position:5px center; }
.button_clear:hover { background-color:#a3d1ff; color:#000; text-decoration:none; cursor:pointer; }
.button_load { background-image: url(../Images/ExtraIcons/magnifier.png); width:16px;height:16px; }

.show 
{
    display:block;
}
.hidden
{
    display:none;
}



.table_detail
{   
    padding:0px; 
    /*padding-right:10px;*/
}

.row_detail_label
{
    background-color:#EEEEEE;
    color:#888888;
    border-bottom:1px solid #CCCCCC;
    font-weight:normal;
    line-height:20px;
    padding-left:5px;
    padding-right:5px;
    text-align:right;
    vertical-align:middle;
}
.row_detail_label_left
{
    background-color:#EEEEEE;
    color:#888888;
    border-bottom:1px solid #CCCCCC;
    font-weight:normal;
    line-height:20px;
    padding-left:5px;
    padding-right:5px;
    text-align:left;
    vertical-align:middle;
}
.row_detail_data
{
    background-color:#FFFFFF;
    color:#222222;    
    border-bottom:1px solid #CCCCCC;    
    padding-left:5px;
    vertical-align:middle;
}

.div_detailview
{
   /* -moz-box-shadow:0 0 10px #CCCCCC;*/
    background-color:#EEEEEE;
    -moz-border-radius:6px 6px 6px 6px;
    /*border:1px solid #98C6EA;*/
    border:1px solid #CCCCCC;     
    padding-bottom:5px;
    padding-top:10px;
    padding-right:5px;
}
.view_comment
{
   /* -moz-box-shadow:0 0 10px #CCCCCC;*/
    background-color:#fff;
    -moz-border-radius:6px 6px 6px 6px;
    /*border:1px solid #98C6EA;*/
    border:1px solid #CCCCCC;     
    padding-bottom:5px;
    padding-top:10px;
    padding-right:5px;
}
/*tuan/*
/*for form candidate*/
.fn-address  
{
    width:712px;    
}
.fn-note
{
    width:712px;
    height: 125px;    
}

.form .close,.form .close:hover
{
	background: url('../Images/Common/btnClose.gif') no-repeat top left;
	width:77px; height:26px;
	padding:0px; border:none;
}
span.check
{
	font-style: italic;
	background: url('/Content/Images/ExtraIcons/tick.png') no-repeat;	
	height: 15px;		
	vertical-align:middle;	
	padding-left:18px;
}

.view_item
{    
    background:#EEEEEE;    
    border:1px solid #CCCCCC;            
    border-bottom:none;
    
}

.view_item_miss
{    
    background:#EEEEEE;    
    border-top:1px solid #CCCCCC;      
    border-right:1px solid #CCCCCC;      
    border-bottom:none;
}

.view_item .header, .view_item_miss .header
{
    background-color:#D4E9F9;    
    color:#555555;
    font-weight:bold;
    border-bottom:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;    
    line-height:20px;
    padding-left:5px;
    padding-right:5px;
    text-align:left;
    vertical-align:middle;
}
.view_item .label, .view_item_miss .label
{	
	background-color:#EEEEEE;
    color:#222222;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    font-weight:normal;
    line-height:20px;
    padding-left:5px;
    padding-right:5px;
    text-align:left;
    vertical-align:middle;
}
.view_item .input, .view_item_miss .input
{	
	background-color:White;
    color:#222222;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    font-weight:normal;
    line-height:18px;
    padding-left:5px;
    padding-right:5px;
    text-align:left;
    vertical-align:middle;
}
.view_item td, .view_item_miss td
{
	padding: 2px 5px 2px 5px;
	color: #222222;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.view_item_miss .clear
{	
	border:none;	
	background-color:White;	
}
.view_item_miss .left
{	
	border-left: 1px solid #CCCCCC;
}
.view_item_miss .bottom
{	
	border-bottom: 1px solid #CCCCCC;
}
.view_item .last_right,.view_item_miss .last_right
{
    border-right:none;
}

.total_items
{    
    width:360px;    
}
.invoice
{    
    float:right;    
    width:462px;        
}

.purchase_history_header
{   
    left:0px;    
    border:none; 
    font-weight: bold; 
}
.purchase_history
{    
    
    left:0px;    
    top:-140px;
    width:510px;
    height:120px;
    overflow:scroll;
    overflow-x:auto;
    overflow-y:auto;
}

.setup_approval
{    
    position:relative;
    top:-105px;
    left:0px;    
    width:560px;    
    border:solid 1px #CCCCCC;
    
}

.prapproval
{    
	float:right;	
    width:512px;    
}

.total_items tr.last td, .purchase_history tr.last td, .invoice tr.last td {
    border-bottom:none;

}
#tblSetup 
{
    border-bottom:solid 1px #CCCCCC;
}

#tblapproval
{
	font-weight:bold;
}

#tblapproval table span
{
	color:Red;	
}

#tblapproval .label
{
	text-align: left;
	width: 150px;
	background-color: #EEEEEE;
	color: #222222;
	padding-left: 5px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
}

#tblapproval .input
{
	text-align: left;
	width: 200px;
	background-color: #EEEEEE;
	color: #222222;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
}

#tblapproval .tdlast
{
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

#tblapproval .last
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}

#forwardto 
{
    position:relative;
    top:-60px;
    
}

/*button play*/
span.picon  
{    
    display:inline-block;
    width:64px;
    height:21px;
    background: url(../images/LOT/play_icon.gif) no-repeat top left;    
    vertical-align:middle;
    cursor:pointer;
}
.picon.play
{    
    background-position:0px 0px;
}
.picon.play:hover
{    
    background-position:0px -21px;
}
.picon.stop
{    
    background-position:0px -42px;
}
.picon.stop:hover
{    
    background-position:0px -63px;
}
.picon.disabled
{    
    background-position:0px 0px;
    opacity:0.5;
    filter:Alpha(Opacity=50);
    cursor:default;
}

/*Added by Tai.Nguyen on 05-Jan-11*/
.noanswer 
{
    color:Red;
}
.correct_check 
{
    display:inline-block;
    width:16px;
    height:16px;
    margin-right:10px;
    background-image:url('/Content/Images/Icons/tick.png');    
    top:3px;
}
div.details_view 
{ 
    height: 500px; 
    overflow-y: scroll; 
    overflow-x: hidden;    
    text-align: justify;
}
div.details_content
{
    width:740px;
}
#div_jp_Media
{ 
    width: 0px; 
    height: 0px;
}
table tr td .order
{
    background-color:#ffffff;
    text-align: right; 
    vertical-align: top; 
    padding:2px 5px;
    width: 10%;    
}
table tr td .answercontent
{
    background-color:#ffffff;
    text-align: justify; 
    vertical-align: bottom;
    padding:2px 5px;
}
input .keyword
{
    width:150px;    
}
#QuestionContent, #ParagraphContent 
{
    height:200px;
    width:99%;   
}
#mainTable tr.info_topicname,
#mainTable tr.info_mp3file,
#mainTable tr.info_repeattimes,
#mainTable tr.info_questionlist,
#mainTable tr.info_paragraphcontent
{
    display:none;    
}

.lot_send_email 
{ 
    background-image: url(/Content/Images/LOT/emailIcon.gif); 
    background-repeat:no-repeat;
    background-position:center center;
}
.lot_excel
{ 
    background-image: url(/Content/Images/LOT/icon-excel.png); 
}
div.pto_details_tooltip table
{
    border-width:1px;
    border-style:solid;
    border-collapse: collapse;
    text-align: left;
}
input.remove
{
    background-image: url(/Content/Images/ExtraIcons/minus.png); 
}
.icon.confirm
{
    background-image: url(/Content/Images/Icons/confirm.png); 
}
.icon.approve
{
    background-image: url(/Content/Images/Icons/approve.jpg); 
}

/*End Tai Nguyen*/
.delete { background-image: url(../Images/ExtraIcons/cross.png); }

.bottom_button{text-align:center; padding-top:6px;}